@charset "utf-8";

.index_body {

	width: 100%;

	background: #fff;

}



.index .section {

	width: 100%;

}



.index .section .opacity {

	opacity: 0

}



@keyframes down-ico {

	0% {

		top: 0;

		opacity: 1

	}



	35% {

		top: 20%;

		opacity: 0

	}



	65% {

		top: -20%;

		opacity: 0

	}



	100% {

		top: 0;

		opacity: 1

	}

}



@-webkit-keyframes down-ico {

	0% {

		top: 0;

		opacity: 1

	}



	35% {

		top: 20%;

		opacity: 0

	}



	65% {

		top: -20%;

		opacity: 0

	}



	100% {

		top: 0;

		opacity: 1

	}

}



.nybanner {

	width: 100%;

	height: 300px;

	overflow: hidden;

	position: relative

}



.nybanner img {

	width: 1920px;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -960px;

	top: 0

}



.wrapper {

	

}



.wrapper .ntitle {

	font-size: 80px;

	line-height: 80px;

	display: block;

	text-align: center

}



.wrapper .stit {

	font-size: 30px;

	color: #007461;

	text-align: center;

	display: block;

	padding-top: 50px

}



.wrapper .ntitle2 {

	position: relative;

	text-align: center;

	padding-top: 40px

}



.wrapper .ntitle2 .more {

	font-family: arial;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	width: 85px;

	height: 26px;

	line-height: 26px;

	border: 1px solid #e5e5e5;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	text-align: center;

	display: block

}



.wrapper .ntitle2 h3 {

	font-size: 32px;

	color: #333;

	line-height: 48px;

	font-weight: 400;

	position: relative

}



.wrapper .ntitle2 h3 s {

	background: url(../images/a6_03.png) center center no-repeat;

	width: 619px;

	height: 9px;

	display: block;

	margin: 0 auto;

	margin-top: 18px

}



.wrapper .ntitle2 h3 i {

	font-size: 24px;

	font-family: arial;

	display: block;

	color: #a9a9a9;

	text-transform: uppercase;

	padding-left: 5px

}



.erwmImg img {

	width: 90px;

	height: 90px;

	display: block;

	background: #fff;

	padding: 5px;

	border: 1px solid #dcdcdc

}



@keyframes xia {

	0% {

		transform: translate(0px,0px)

	}



	50% {

		transform: translate(0px,3px)

	}



	100% {

		transform: translate(0px,0px)

	}

}



@-webkit-keyframes xia {

	0% {

		-webkit-transform: translate(0px,0px)

	}



	50% {

		-webkit-transform: translate(0px,3px)

	}



	100% {

		-webkit-transform: translate(0px,0px)

	}

}



.jt {

	animation: xia 1s linear infinite;

	-webkit-animation: xia 1s linear infinite

}



@keyframes shang {

	0% {

		transform: translate(0px,0px)

	}



	50% {

		transform: translate(0px,-3px)

	}



	100% {

		transform: translate(0px,0px)

	}

}



@-webkit-keyframes shang {

	0% {

		-webkit-transform: translate(0px,0px)

	}



	50% {

		-webkit-transform: translate(0px,-3px)

	}



	100% {

		-webkit-transform: translate(0px,0px)

	}

}



.jt2 {

	animation: shang 1s linear infinite;

	-webkit-animation: shang 1s linear infinite

}



.protext {

	padding-top: 30px;

}



.girdlist {

	overflow: hidden;

	width: 100%;

	padding: 30px 0;

}



.girdlist .list {

	width: 100%

}



.girdlist .item {

	width: 382px;

	float: left;

	display: inline-block;

	margin-bottom: 30px;

	margin-right: 20px;

	position: relative;

	background: #fff

}



.girdlist .item a {

	display: block

}



.girdlist .item .img {

	width: 380px;

	height: 380px;

	overflow: hidden;

	border: #eee solid 1px;

	position: relative;

	text-align: center

}



.girdlist .item .img img {

	transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;

	width: 360px;

	height: 360px;

	display: inline-block;

	margin-top: 11px

}



.girdlist .item .item_mask {

	width: 100%;

	height: 100%;

	background: transparent;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	filter: Alpha(opacity=0);

	*zoom: 1;

	-webkit-transform: rotateX(180deg) scale(.5,.5);

	transform: rotateX(180deg) scale(.2,.2);

	transition: all ease-out .5s

}



.girdlist .item .item_mask .item_link_icon {

	display: block;

	width: 60px;

	height: 60px;

	text-align: center;

	background-position: -440px -313px;

	line-height: 38px;

	position: absolute;

	left: 50%;

	top: 50%;

	*top: 40%;

	margin-left: -30px;

	margin-top: 0;

	opacity: 0;

	filter: Alpha(opacity=0);

	*zoom: 1

}



.girdlist .item .txt {

	background: #fff;

	height: 56px;

	line-height: 56px;

	position: relative;

	font-size: 16px;

	color: #333;

	border-bottom: #eee solid 1px

}



.girdlist .item .txt p {

	font-size: 16px;

	color: #333;

	float: left;

	transition: .5s ease

}



.girdlist .item .txt i {

	float: right;

	width: 15px;

	height: 15px;

	background-position: -487px -246px;

	margin-top: 20px;

	transition: .5s ease

}



.girdlist .item:hover p {

	color: #3ba86f;

	transition: .5s ease

}



.girdlist .item:hover .txt i {

	background-position: -487px -228px;

	transition: .5s ease

}



.girdlist .item:hover img {

	transform: scale(1.1,1.1)

}



.girdlist .item:hover .item_mask {

	opacity: 1;

	filter: Alpha(opacity=100);

	-webkit-transform: rotateX(0deg) scale(1,1);

	transform: rotateX(0deg) scale(1,1);

	transition: all 1s cubic-bezier(.23,1,.38,1) 0s;

	background: rgba(0,0,0,.3)

}



.girdlist .item:hover .item_mask .item_link_icon {

	transform: translateY(-21px);

	opacity: 1;

	filter: Alpha(opacity=100)

}



.infocontent-rem {

	padding: 20px 0;

}

.infocontent-rem li {

	border-bottom: 1px dashed #eee;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 40px;

}

.infocontent-rem li span {

	float: right;

}



.girdlist.huxin .item {

	width: 384px;

	margin-right: 23px

}



.girdlist.huxin .item:nth-child(3n) {

	margin-right: 0

}



.girdlist.huxin .item .img {

	width: 382px;

	height: 382px

}



.girdlist.huxin .item .img img {

	margin-top: 13px

}



.girdlist.huxin .item .item_mask .item_link_icon {

	margin-top: -12px

}



.showPro {

	padding-bottom: 30px

}



.showPro .showImg {

	padding-bottom: 50px

}



.showPro .photo {

	width: 540px

}



.showPro .photo .jqzoom {

	width: 540px;

	height: 405px;

	overflow: hidden;

	position: relative;

	padding: 0;

	cursor: pointer

}



.showPro .photo .zoomdiv {

	z-index: 999;

	position: absolute;

	top: 0;

	left: 0;

	background: #fff;

	border: 1px solid #ddd;

	display: none;

	text-align: center;

	overflow: hidden

}



.showPro .photo .jqZoomPup {

	z-index: 999;

	visibility: hidden;

	position: absolute;

	top: 0;

	left: 0;

	border: 1px solid #eee;

	background: #fff;

	opacity: .6;

	-moz-opacity: .6;

	-khtml-opacity: .6;

	filter: alpha(Opacity=50)

}



.showPro .photo .img {

	width: 540px;

	height: 405px;

	display: block

}



.showPro .photo .photoimg {

	width: 540px;

	height: 71px;

	margin-top: 12px;

	position: relative

}



.showPro .photo .photoimg .list {

	width: 505px;

	overflow: hidden;

	position: relative;

	margin: 0 auto

}



.showPro .photo .photoimg .listcon {

	width: 300%

}



.showPro .photo .photoimg .prev,.showPro .photo .photoimg .next {

	width: 12px;

	height: 30px;

	z-index: 10;

	position: absolute;

	top: 21px;

	cursor: pointer;

	background: url(../images/spro-btn-ico.png) no-repeat 0 center

}



.showPro .photo .photoimg .prev {

	left: 0

}



.showPro .photo .photoimg .next {

	right: 0;

	background-position: -90px center

}



.showPro .photo .photoimg a {

	width: 95px;

	height: 71px;

	cursor: pointer;

	display: block;

	float: left;

	margin-right: 7px

}



.showPro .photo .photoimg a img {

	width: 95px;

	height: 71px;

	display: block

}



.showPro .photo .photoimg a.hover img {

	border: 3px solid #001d8c;

	width: 89px;

	height: 65px

}



.showPro .imgtxtcon {

	width: 620px;

	height: 488px;

	float: right;

	position: relative

}



.showPro .imgtxtcon .tit {

	font-size: 24px;

	color: #000;

	line-height: 30px;

	margin-bottom: 10px

}



.showPro .imgtxtcon .mark {

	color: #888

}



.showPro .imgtxtcon .line {

	width: 50px;

	height: 3px;

	display: block;

	background: #999;

	margin: 20px 0

}



.showPro .imgtxtcon .txtcon .title {

	font-size: 16px;

	margin-bottom: 10px

}



.showPro .imgtxtcon .txt {

	line-height: 35px;

	height: 280px;

	overflow: hidden

}



.showPro .imgtxtcon .btn {

	position: absolute;

	left: 0;

	bottom: 10px;

	font-size: 16px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	width: 135px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	background: #001d8c

}



.showPro .imgtxtcon .btn:hover {

	background: #444

}



.showPro .showp_txt {

	padding: 0 0 50px;

	position: relative

}



.showPro .showp_txt .tit {

	display: inline-block;

	padding-bottom: 7px;

	border-bottom: 2px solid #001d8c;

	font-size: 18px;

	margin-bottom: 20px;

	font-weight: 700

}



.showPro .showp_txt .txtcon {

	font-size: 14px;

	color: #000;

	min-height: 70px;

	line-height: 26px

}



.showPro .showp_txt .txtcon img {

	max-width: 100%;

	display: block

}



.showPro .showp_txt.one {

	border-top: 0;

	padding-top: 25px

}



.showPro .showp_txt.one .tit {

	top: 25px

}



.showNews {

	width: 100%;

	padding-top: 50px;

	padding-bottom: 30px

}



.showNews .title {

	font-size: 24px;

	color: #333;

	text-align: center;

	margin: 10px 0 22px;

	font-weight: 700

}



.showNews .mark {

	color: #999;

	height: 38px;

	line-height: 38px;

	text-align: center;

	margin-bottom: 20px;

	border-top: 1px dashed #e5e5e5;

	border-bottom: 1px dashed #e5e5e5

}



.showNews .mark span {

	margin: 0 10px

}



.news-art {

	text-align: center;

	margin-bottom: 20px;

}

.news-art img {

	max-width: 100%;

	display: inline-block;

	height: auto;

}



.showNews .showContxt {

	color: #666;

	padding: 0 0 30px;

	line-height: 30px

}



.showNews .showContxt img {

	max-width: 100%

}



.reLink {

	width: 100%;

	height: 25px;

	border-top: 1px solid #d7d6d6;

	padding: 15px 0 20px;

	margin-top: 20px

}



.reLink .nextLink,.reLink .prevLink {

	width: 50%;

	line-height: 25px;

	color: #666;

	float: left

}



.reLink .nextLink {

	text-align: right;

	float: right

}



.reLink a:hover {

	color: #3ba86f

}



.pager {

	padding: 30px 0 15px;

	text-align: center

}



.pager:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0

}



.pager {

	*zoom: 1

}



.pager p {

	height: 34px;

	line-height: 34px;

	float: left;

	display: none

}



.pager ul {

	overflow: hidden;

	margin: 0 auto;

	text-align: center

}



.pager ul li {

	padding: 0!important;

	height: auto!important;

	border: none!important;

	display: inline-block;

	*display: inline;

	zoom: 1

}



.pager ul a {

	margin-left: 8px;

	padding: 0 15px;

	height: 38px;

	line-height: 38px;

	border: 1px solid #edebeb;

	text-decoration: none;

	float: left

}



.pager ul a.current {

	background-color: #3ba86f;

	border-color: #3ba86f;

	color: #fff

}



.pager ul a.current:hover {

	background-color: #3ba86f;

	border-color: #3ba86f;

	color: #fff

}



.pager ul a:hover {

	background-color: #3ba86f;

	border-color: #3ba86f;

	color: #fff

}



.map_ul {

	list-style: outside none none;

	display: block;

	width: 100%;

	padding-top: 10px

}



.map_ul li {

	display: block;

	width: 100%;

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #dcdbdb;

	margin-left: 10px;

	float: left

}



.map_ul li a {

	font-size: 14px;

	float: left;

	width: 100%;

	height: 23px;

	line-height: 23px;

	font-weight: 700

}



.map_ul .list-inline {

	display: block;

	margin-left: 7%;

	width: 80%;

	min-height: 30px

}



.map_ul .list-inline a {

	font-weight: 400;

	width: auto;

	float: none;

	line-height: 32px;

	height: 32px;

	margin: 0 10px 10px 0;

	display: inline-block;

	border: 1px solid #ccc;

	padding: 0 10px

}



.map_ul .list-inline a:hover {

	background: #001d8c;

	color: #fff

}



span.bds_more,.bds_tools a {

	line-height: 14px!important

}



.delay100 {

	-webkit-animation-delay: 100ms;

	animation-delay: 100ms

}



.delay200 {

	-webkit-animation-delay: 200ms;

	animation-delay: 200ms

}



.delay300 {

	-webkit-animation-delay: 300ms;

	animation-delay: 300ms

}



.delay400 {

	-webkit-animation-delay: 400ms;

	animation-delay: 400ms

}



.delay500 {

	-webkit-animation-delay: 500ms;

	animation-delay: 500ms

}



.delay600 {

	-webkit-animation-delay: 600ms;

	animation-delay: 600ms

}



.delay700 {

	-webkit-animation-delay: 700ms;

	animation-delay: 700ms

}



.delay800 {

	-webkit-animation-delay: 800ms;

	animation-delay: 800ms

}



.delay900 {

	-webkit-animation-delay: 900ms;

	animation-delay: 900ms

}



.delay1000 {

	-webkit-animation-delay: 1000ms;

	animation-delay: 1000ms

}



.delay1100 {

	-webkit-animation-delay: 1100ms;

	animation-delay: 1100ms

}



.delay1200 {

	-webkit-animation-delay: 1200ms;

	animation-delay: 1200ms

}



.delay1300 {

	-webkit-animation-delay: 1300ms;

	animation-delay: 1300ms

}



.delay1400 {

	-webkit-animation-delay: 1400ms;

	animation-delay: 1400ms

}



.delay1500 {

	-webkit-animation-delay: 1500ms;

	animation-delay: 1500ms

}



.delay1600 {

	-webkit-animation-delay: 1600ms;

	animation-delay: 1600ms

}



.delay1700 {

	-webkit-animation-delay: 1700ms;

	animation-delay: 1700ms

}



.delay1800 {

	-webkit-animation-delay: 1800ms;

	animation-delay: 1800ms

}



.delay1900 {

	-webkit-animation-delay: 1900ms;

	animation-delay: 1900ms

}



.delay2000 {

	-webkit-animation-delay: 2000ms;

	animation-delay: 2000ms

}



.delay2100 {

	-webkit-animation-delay: 2100ms;

	animation-delay: 2100ms

}



.delay2200 {

	-webkit-animation-delay: 2200ms;

	animation-delay: 2200ms

}



.delay2300 {

	-webkit-animation-delay: 2300ms;

	animation-delay: 2300ms

}



.delay2500 {

	-webkit-animation-delay: 2500ms;

	animation-delay: 2500ms

}



.delay2700 {

	-webkit-animation-delay: 2700ms;

	animation-delay: 2700ms

}



.delay2900 {

	-webkit-animation-delay: 2900ms;

	animation-delay: 2900ms

}



.delay3000 {

	-webkit-animation-delay: 3000ms;

	animation-delay: 3000ms

}



.delay4000 {

	-webkit-animation-delay: 4000ms;

	animation-delay: 4000ms

}



.delay4500 {

	-webkit-animation-delay: 4500ms;

	animation-delay: 4500ms

}



.delay5000 {

	-webkit-animation-delay: 5000ms;

	animation-delay: 5000ms

}



.onactive .animated {

	-webkit-animation-duration: .8s;

	animation-duration: .8s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}



.active .animated.fast {

	-webkit-animation-duration: .5s;

	animation-duration: .5s

}



.active .animated {

	-webkit-animation-duration: 1.2s;

	animation-duration: 1.2s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}



.active .flyInDown {

	-webkit-animation-name: flyInDown;

	animation-name: flyInDown

}



.location {

	width: 100%;

	height: 50px;

	line-height: 50px;

	background: #fff;

	position: relative;

	z-index: 9;

	overflow: hidden;

	border-bottom: 1px solid #dedede

}



.location.chanpin {

	height: 102px

}



.location .sitepath {

	color: #363636;

	white-space: nowrap

}



.location .sitepath s {

	width: 12px;

	height: 12px;

	background-position: -489px -213px;

	margin-right: 6px

}



.location .sitepath a {

	color: #363636;

	padding: 0 5px

}



.location .sitepath a:hover {

	color: #3ba86f

}



.location .menu {

	height: 52px;

	line-height: 52px;

	position: relative;

	z-index: 1

}



.location .menu li {

	padding: 0;

	float: left;

	height: 50px;

	line-height: 50px;

	margin-left: 30px;

	text-align: center;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	color: #363636;

	display: inline-block;

	position: relative

}

.location .menu li a {
	font-size: 16px;
	display: block

}



.location .menu li i {

	position: absolute;

	bottom: 0;

	left: 50%;

	width: 0;

	height: 3px;

	background-color: #3ba86f;

	-webkit-transition: all .3s ease 0s;

	transition: all .3s ease 0s

}



.location .menu li .box {

	width: 400px;

	text-align: left;

	position: absolute;

	left: 0;

	top: 60px;

	display: none

}



.location .menu li .box a {

	display: inline-block;

	height: 40px;

	line-height: 40px;

	vertical-align: top;

	margin-right: 14px

}



.location .menu li .box a s {

	width: 4px;

	height: 4px;

	border-radius: 100%;

	display: inline-block;

	vertical-align: middle;

	background: #999;

	margin-right: 5px

}



.location .menu li:hover i,.location .menu li.hover i {

	width: 100%;

	margin-left: -50%

}



.location .menu li:hover a,.location .menu li.hover a {

	color: #3ba86f

}



.location .menu li:hover .box {

	display: block

}



.menu_pro {

	line-height: 52px;

	position: relative;

	z-index: 1;

	text-align: center;

	padding-top: 50px

}



.menu_pro li {

	height: 40px;

	line-height: 40px;

	margin: 5px;

	display: inline-block

}



.menu_pro li a {

	display: block;

	border: 1px solid #dcdcdc;

	text-align: center;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	overflow: hidden;

	height: 40px;

	line-height: 40px;

	padding: 0 10px

}



.menu_pro li:hover a,.menu_pro li.hover a {

	border: 1px solid #3ba86f;

	color: #fff;

	background: #3ba86f

}



.part_1 {

	padding-top: 50px;

	display: block;

	height: 500px;

	padding-bottom: 40px

}



.part_1 b {

	float: left;

	width: 807px;

	height: 500px;

	display: block;

	background: url(../images/a7_03.jpg) center center no-repeat

}



.part_1 ul {

	float: right;

	width: 326px;

	padding-top: 26px

}



.part_1 ul li {

	padding-bottom: 50px

}



.part_1 ul li p {

	font-size: 18px;

	color: #3ba86f;

	font-weight: 700;

	line-height: 18px

}



.part_1 ul li p span {

	display: inline-block;

	font-size: 16px;

	color: #333;

	font-family: arial;

	font-weight: 400

}



.part_1 ul li i {

	display: block;

	font-size: 16px;

	color: #333;

	line-height: 16px;

	padding-top: 10px

}



.ntit_li {

	padding-bottom: 140px

}



.ntit_li ul {

	display: inline-block

}



.ntit_li li {

	float: left;

	width: 150px;

	text-align: center;

	margin-top: 50px;

	margin-right: 112px

}



.ntit_li li i {

	display: inline-block;

	width: 67px;

	height: 56px;

	background: url(../images/a8_03.jpg) center center no-repeat

}



.ntit_li li p {

	font-size: 18px;

	color: #3ba86f

}



.ntit_li li p span {

	display: block;

	font-size: 16px;

	color: #333

}



.ntit_li li.li2 i {

	background: url(../images/a8_05.jpg) center center no-repeat

}



.ntit_li li.li3 i {

	background: url(../images/a8_07.jpg) center center no-repeat

}



.ntit_li li.li4 i {

	background: url(../images/a8_09.jpg) center center no-repeat

}



.ntit_li li.li5 i {

	background: url(../images/a8_11.jpg) center center no-repeat

}



.ntit_li li.li6 i {

	background: url(../images/a8_18.jpg) center center no-repeat

}



.ntit_li li.li7 i {

	background: url(../images/a8_19.jpg) center center no-repeat

}



.ntit_li li.li8 i {

	background: url(../images/a8_22.jpg) center center no-repeat

}



.ntit_li li.li9 i {

	background: url(../images/a8_25.jpg) center center no-repeat

}



.ntit_li li.li10 i {

	background: url(../images/a8_27.jpg) center center no-repeat

}



.ntit_li li.li5,.ntit_li li.li10 {

	margin-right: 0

}



.jobPage {

	padding-top: 30px

}



.jobPage .item {

	padding: 10px 25px 0;

	margin-bottom: 20px;

	position: relative

}



.jobPage .item .top {

	height: 80px;

	padding-left: 20px;

	cursor: pointer;

	border: #e5e5e5 solid 1px;

	border-left: 4px solid #e5e5e5

}



.jobPage .item .top em {

	float: right;

	margin: 20px 20px 0 0;

	display: block

}



.jobPage .item.hover .top {

	border-left: 4px solid #3ba86f

}



.jobPage .item.hover .bottom {

	border-left: 4px solid #3ba86f

}



.jobPage .item.hover .top s {

	background-position: -265px -55px

}



.jobPage .item .top h3 {

	font-size: 18px;

	color: #333;

	font-weight: 400;

	padding-top: 12px

}



.jobPage .item .top i {

	display: block;

	padding-top: 6px

}



.jobPage .item .top i span {

	padding-right: 20px

}



.jobPage .item .bottom {

	padding: 20px 30px 5px;

	line-height: 32px;

	border: #e5e5e5 solid 1px;

	border-top: none

}



.hidden {

	display: none

}



.jobPage .item .bottom {

	line-height: 32px

}



.jobPage .morebtn {

	width: 535px;

	height: 35px;

	line-height: 35px;

	position: relative;

	margin: 0 auto;

	padding: 30px 0;

	cursor: pointer;

	text-align: center

}



.jobPage .morebtn h3 {

	display: inline-block;

	padding: 0 20px;

	font-size: 16px;

	background: #fff;

	position: relative;

	z-index: 10

}



.jobPage .morebtn .line {

	width: 100%;

	height: 1px;

	display: block;

	position: absolute;

	left: 0;

	top: 50%;

	background: #dcdcdc

}



.part_2 .floor_5_2 {

	width: 1200px;

	margin: 0 auto;

	padding-bottom: 140px

}



.part_2 .floor_5_2 h3 {

	font-size: 42px;

	padding-top: 42px

}



.part_2 .floor_5_2 .nice-validator {

	padding-top: 76px

}



.part_2 .floor_5_2 .mitem {

	float: left;

	width: 284px

}



.part_2 .floor_5_2 .mitem input {

	float: left;

	width: 222px

}



.part_2 .floor_5_2 .mitem.youxiang {

	width: 530px

}



.part_2 .floor_5_2 .mitem select {

	width: 478px

}



.part_2 .floor_5_2 .mitem.liuyan {

	width: 1168px;

	height: 76px;

	display: block

}



.part_2 .floor_5_2 .mitem.liuyan textarea {

	width: 1092px

}



.part_2 .floor_5_2 .itemsub .btn {

	width: 297px;

	height: 55px;

	margin-right: 0;

	line-height: 55px;

	float: none;

	border: 0;

	margin-top: 20px;

	color: #fff;

	cursor: pointer;

	font-size: 18px;

	background: url(../images/a9_03.jpg)

}



.part_2 .floor_5_2 .mitem .n-top {

	position: absolute;

	left: 0;

	top: 6px

}



.Industrypage .part_8 {

	width: 1200px;

	margin: 0 auto;

	margin-top: 50px

}



.auto_top {

	background: url(../images/a11_02.jpg) center center no-repeat;

	width: 100%;

	height: 800px;

	position: relative

}



.auto_tt {

	width: 1200px;

	margin: 0 auto

}



.auto_t1 {

	width: 585px;

	position: relative;

	top: 84px;

	left: 50%

}



.auto_t1 h3 {

	font-size: 36px;

	color: #fff;

	font-weight: 400;

	line-height: 36px

}



.auto_t1 h3 span {

	font-size: 14px;

	color: #fff;

	font-family: arial;

	display: block

}



.auto_t2 {

	border-bottom: #506075 dashed 1px;

	border-top: #506075 dashed 1px;

	height: 108px;

	margin-top: 38px

}



.auto_t2 dl {

	float: left;

	padding-top: 20px;

	display: inline-block

}



.auto_t2 dl.dl2 {

	float: right

}



.auto_t2 dl dt {

	font-size: 24px;

	color: #fff;

	float: left;

	width: 71px;

	border-right: #506075 solid 1px

}



.auto_t2 dl dt span {

	font-size: 50px;

	color: #fff;

	line-height: 50px;

	display: block

}



.auto_t2 dl dd {

	font-size: 16px;

	color: #fff;

	float: left;

	padding-left: 12px;

	padding-top: 12px

}



.auto_t2 dl dd span {

	font-size: 12px;

	color: #fff;

	line-height: 12px;

	display: block;

	font-family: arial;

	padding-top: 8px

}



.auto_t2 dl.dl2 dt {

	width: 130px

}



.auto_t1 p {

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	text-indent: 28px;

	padding-top: 40px

}



.auto_tc {

	height: 510px;

	margin-top: 20px

}



.auto_tcw {

	width: 1200px;

	margin: 0 auto;

	position: relative;

	height: 510px

}



.auto_tcw i {

	display: block;

	width: 950px;

	height: 510px;

	background: url(../images/a12_03.jpg) center center no-repeat;

	position: absolute;

	top: 0;

	left: 50%

}



.auto_tcw dl {

	width: 570px

}



.auto_tcw dl dt {

	font-size: 14px;

	color: #333;

	line-height: 30px;

	text-indent: 28px;

	padding-top: 80px

}



.auto_tcw dl dd a {

	display: inline-block;

	width: 252px;

	height: 45px;

	border: #e5e5e5 solid 1px;

	text-align: center;

	line-height: 45px;

	margin-top: 38px;

	margin-right: 10px

}



.auto_tcw dl dd a:hover {

	background: url(../images/a13_03.jpg) center center no-repeat;

	color: #fff;

	border: none

}



.auto_tc {

	height: 510px;

	margin-top: 20px

}



.auto_tcw {

	width: 1200px;

	margin: 0 auto;

	position: relative;

	height: 510px

}



.auto_tcw i {

	display: block;

	width: 950px;

	height: 510px;

	background: url(../images/a12_03.jpg) center center no-repeat;

	position: absolute;

	top: 0;

	left: 50%

}



.auto_tcw dl {

	width: 570px

}



.auto_tcw dl dt {

	font-size: 14px;

	color: #333;

	line-height: 30px;

	text-indent: 28px;

	padding-top: 80px

}



.auto_tcw dl dd a {

	display: inline-block;

	width: 252px;

	height: 45px;

	border: #e5e5e5 solid 1px;

	text-align: center;

	line-height: 45px;

	margin-top: 38px;

	margin-right: 10px

}



.auto_tcw dl dd a:hover {

	background: url(../images/a13_03.jpg) center center no-repeat;

	color: #fff;

	border: none

}



.auto_tc1 {

	height: 510px;

	margin-top: 20px;

	padding-bottom: 100px

}



.auto_tcw1 {

	width: 1200px;

	margin: 0 auto;

	position: relative;

	height: 510px

}



.auto_tcw1 i {

	display: block;

	width: 950px;

	height: 510px;

	background: url(../images/a12_05.jpg) center center no-repeat;

	position: absolute;

	top: 0;

	left: -30%

}



.auto_tcw1 dl {

	width: 570px;

	float: right

}



.auto_tcw1 dl dt {

	font-size: 14px;

	color: #333;

	line-height: 30px;

	text-indent: 28px;

	padding-top: 80px

}



.auto_tcw1 dl dd a {

	display: inline-block;

	width: 252px;

	height: 45px;

	border: #e5e5e5 solid 1px;

	text-align: center;

	line-height: 45px;

	margin-top: 38px;

	margin-right: 10px

}



.auto_tcw1 dl dd a:hover {

	background: url(../images/a13_03.jpg) center center no-repeat;

	color: #fff;

	border: none

}



.girdlist .pic_left h1 {

	text-align: center;

	font-size: 34px;

	font-weight: 400

}



.girdlist .pic_left .fabu .mark {

	text-align: center

}



.girdlist .pic_left .fabu .mark span {

	display: inline-block;

	padding: 0 8px;

	padding-top: 10px;

	padding-bottom: 30px

}



#img {

	position: fixed;

	z-index: 999;

	left: 0;

	margin-top: -486px

}



.dui a {

	background: url(../images/close.png) no-repeat center #b52618;

	display: block;

	cursor: pointer;

	width: 37px;

	height: 30px;

	position: absolute;

	right: 31%;

	top: 215px

}



#img .dui {

	background: url(../images/black70.png) center center;

	height: 1000px;

	width: 1920px

}



#img .dui img {

	margin-top: 228px;

	margin-left: 0%

}



.goufang #img .dui {

	margin-top: -131px

}



.goufang #img .dui a {

	right: 31%;

	top: 81px

}



@media(max-width:1600px) {

	.floor_2 .h3tit {

		padding-top: 50px

	}



	#img .dui {

		margin-left: -8%

	}



	#img .dui a {

		right: 39%

	}



	.goufang #img .dui {

		margin-left: -8%

	}



	.goufang #img .dui a {

		right: 39%

	}



	.floor_5 .cont {

		padding-top: 100px;

		padding-bottom: 0

	}

}



@media(max-width:1368px) {

	.floor_2 .h3tit {

		padding-top: 50px

	}



	.index .cont .line {

		margin: 10px 0 38px

	}



	#img .dui {

		margin-left: -13%

	}



	#img .dui a {

		right: 44%

	}



	.goufang #img .dui {

		margin-left: -13%

	}



	.goufang #img .dui a {

		right: 44%

	}



	.floor_5 .cont {

		padding-top: 100px;

		padding-bottom: 0

	}



	.cont_top {

		padding-top: 30px

	}

}



@media(max-width:1200px) {

	.floor_2 .h3tit {

		padding-top: 90px

	}



	.index .cont .line {

		margin: 10px 0 30px

	}



	#img .dui {

		margin-left: -20%

	}



	#img .dui a {

		right: 51%

	}



	.goufang #img .dui {

		margin-left: -13%

	}



	.goufang #img .dui a {

		right: 44%

	}



	.floor_3 .iabout5 {

		padding-top: 174px

	}



	.floor_5 .cont {

		padding-top: 125px;

		padding-bottom: 0

	}



	.cont_top {

		padding-top: 40px

	}

}



.main_banner {

	position: relative

}



.main_banner .item_bg {

	background-position: center!important;

	background-repeat: no-repeat!important;

	background-size: cover!important;

	width: 100%;

	height: 100%;

	display: block

}



.main_banner .item_bg img {

	display: none

}



.main_banner .bd {

	position: relative;

	height: 100%;

	z-index: 0

}



.main_banner .bd li {

	zoom: 1;

	vertical-align: middle;

	float: left;

	position: relative;

	width: 100%

}



.main_banner .bd li a {

	display: block

}



.main_banner .bd li img {

	width: 100%;

	min-height: 100%;

	display: block

}



.main_banner .hd {

	position: absolute;

	left: 0;

	bottom: 18%;

	width: 100%;

	z-index: 3

}



.main_banner .hd ul {

	text-align: center

}



.main_banner .hd li {

	height: 2px;

	margin: 0 5px;

	width: 40px;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	font-size: 0;

	cursor: pointer;

	background: #fff;

	opacity: .5;

	filter: alpha(opacity=50);

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms

}



.main_banner .hd li.on {

	opacity: 1;

	filter: alpha(opacity=100);

	height: 5px

}



.main_banner .prev,.main_banner .next {

	width: 30px;

	height: 60px;

	position: absolute;

	top: 50%;

	z-index: 55;

	display: none;

	margin-top: -90px

}



.main_banner .prev {

	background-position: -288px -56px;

	left: 0

}



.main_banner .next {

	background-position: -325px -56px;

	right: 0

}



.floor_5_2 .mitem .n-top {

	position: absolute;

	left: 0;

	top: 4px

}



#fmMessage {

	display: block;

	margin-top: 20px

}



.wrapper {

	width: 100%;

	margin: 0 auto;

	background-color: #fff

}



.wra_title {

	height: 62px;

	width: 1200px;

	margin: 0 auto

}



.wra_title .sobtitle {

	line-height: 62px;

	font-size: 15px;

	color: #504e4e

}



.wra_title .sobtitle i {

	display: block;

	width: 13px;

	height: 16px;

	background-position: -203px -89px;

	float: left;

	margin-top: 24px;

	margin-right: 8px

}



.wra_title .sobtitle a {

	font-size: 15px;

	color: #504e4e;

	margin: 0 6px

}



.wra_title h3 {

	line-height: 62px;

	font-size: 22px;

	color: #0464af;

	font-weight: 700

}



.wrapper .noinfor {

	padding: 0 0 20px;

	text-align: left;

	color: red;

	text-align: center

}



.searchPage {

	overflow: hidden;

	padding-bottom: 80px;

	padding-top: 50px

}



.searchPage ul.n-gridlist {

	width: 105%

}



.searchPage .item {

	float: left;

	width: 270px;

	height: 307px;

	margin-bottom: 20px;

	margin-right: 37px;

	border: #f5f5f5 solid 1px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #f5f5f5;

	border-bottom: #f5f5f5 solid 3px;

	position: relative

}



.searchPage .item a {

	width: 100%;

	display: block

}



.searchPage .item img {

	width: 270px;

	height: 203px;

	display: block;

	background-size: 100%

}



.searchPage li.item p {

	font-size: 16px;

	color: #333;

	display: block;

	padding-left: 18px;

	padding-top: 14px

}



.searchPage li.item i {

	display: block;

	width: 84px;

	height: 26px;

	border: #c5cdd7 solid 1px;

	border-radius: 14px;

	text-align: center;

	margin-left: 18px;

	line-height: 26px;

	font-size: 14px;

	color: #3488ea;

	margin-top: 14px

}



.searchPage li.item:hover {

	box-shadow: 0 2px 11px #dadada

}



.searchPage li.item:hover p {

	color: #0464af

}



.searchPage li.item i:hover {

	background-color: #0464af;

	color: #fff;

	border: #0464af solid 1px

}



.searchPage li.item:hover {

	border-bottom: #0464af solid 3px

}



.searchPage .item .bg {

	position: absolute;

	width: 280px;

	padding-top: 86px;

	height: 194px;

	left: -280px;

	top: 0;

	z-index: 10;

	background: url(../images/red80.png) repeat 0 0;

	text-align: center;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms

}



.searchPage .item .bg s {

	width: 50px;

	height: 50px;

	display: block;

	border-radius: 100%;

	margin: 0 auto;

	background-color: #fff;

	background-position: -22px 18px

}



.searchPage .item:hover {

	background: #fff

}



.searchPage .item:hover h3 {

	color: #fff;

	background: #333

}



.searchPage .item:hover .bg {

	left: 0

}



.about_tit {

	text-align: center;

	position: relative;

	padding-bottom: 40px;

	margin-bottom: 40px

}



.about_tit h3 {

	font-size: 30px;

	font-weight: 100;

	position: relative;

	display: inline;

	z-index: 11;

	color: #4e4e4e

}



.about_tit i {

	background: #bababa;

	width: 200px;

	height: 1px;

	display: block;

	position: absolute;

	right: -226px;

	top: 24px;

	display: block

}



.about_tit i:first-child {

	left: -226px;

	right: auto

}



.about_tit p {

	font-size: 66px;

	color: #e0e0e0;

	text-transform: uppercase;

	position: absolute;

	width: 100%;

	text-align: center;

	left: 0;

	top: 3px;

	z-index: 10;

	font-family: Arial;

	*zoom: 1;

	*display: block;

	*height: 94px;

	font-family: arial

}



.about_toi {

	background-color: #fff

}



.about_tlo {

	background-color: #fff;

	height: 100px;

	width: 100%

}



.location.scrollDown {

	position: fixed;

	left: 0;

	top: 0

}



.xinxq {

	padding-bottom: 60px

}



.showImg {

	padding-top: 40px

}



.showProduct {

	padding-bottom: 30px

}



.showProduct .imgtxtcon {

	width: 630px;

	float: left;

	margin-left: 40px

}



.showProduct .imgtxtcon .tit {

	font-size: 24px;

	font-weight: 700;

	color: #3ba86f;

	line-height: 30px;

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom: 1px dotted #dedede

}



.showProduct .imgtxtcon .tit2 {

	color: #999;

	font-size: 14px;

	margin-bottom: 30px;

	line-height: 30px;

	padding-top: 20px;

	text-align: justify;

	border-bottom: 1px dotted #dedede;

	overflow: hidden

}



.showProduct .imgtxtcon .tel {

	font-size: 20px

}



.showProduct .imgtxtcon .tel strong {

	color: #3ba86f;

	font-size: 40px;

	font-weight: 700;

	line-height: 40px

}



.showProduct .showp_txt {

	padding: 40px 0;

}



.showProduct .showp_txt .tit {

	border-bottom: 1px solid #eee;

	position: relative;

	padding-bottom: 12px;

	margin-bottom: 15px;

}



.showProduct .showp_txt .tit h3 {

	font-size: 20px;

	color: #333

}



.showProduct .showp_txt .tit s {

	width: 80px;

	height: 5px;

	display: block;

	position: absolute;

	left: 0;

	bottom: -2px;

	background: #3fb150

}



.showProduct .showp_txt .txtcon {

	color: #666;

	line-height: 30px

}



.showProduct .imgtxtcon .btn1 {

	float: left;

	font-size: 16px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	width: 135px;

	height: 38px;

	line-height: 38px;

	margin-top: 30px;

	text-align: center;

	color: #fff;

	position: relative

}



.showProduct .imgtxtcon .btn1 img {

	display: block;

	position: absolute;

	left: 0;

	top: 38px;

	width: 135px;

	height: 0;

	transition: all ease 600ms

}



.showProduct .imgtxtcon .btn1:hover img {

	height: 135px

}



.showProduct .imgtxtcon .btn1 {

	background: #3ba86f;

}



.showProduct .imgtxtcon .btn1:hover {

	background: #444

}



.news_xin {

	padding-bottom: 60px

}



.part_2 .news_ul {

	width: 1200px;

	margin: 0 auto;

	padding-bottom: 40px;

	padding-top: 12px

}



.part_2 .news_ul li {

	padding: 25px 0;

	border-bottom: 1px solid #eaeaea;

	position: relative

}



.part_2 .news_ul li .box1 {

	width: 253px;

	height: 190px;

	overflow: hidden

}



.part_2 .news_ul li .box1 img {

	width: 253px;

	height: 190px;

	transition: ease-in-out .9s

}



.part_2 .news_ul li .box2 {

	padding-left: 42px;

	width: 759px;

	padding-top: 30px

}



.part_2 .news_ul li .box2 h3 {

	font-size: 20px;

	color: #333;

	height: 26px;

	line-height: 26px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s

}



.part_2 .news_ul li .box2 p {

	color: #666;

	line-height: 24px;

	padding-top: 10px;

	height: 75px

}



.part_2 .news_ul li .box2 span {

	font-size: 12px;

	color: #999

}



.part_2 .news_ul li .right {

	padding-right: 15px;

	padding-top: 55px;

	text-align: center

}



.part_2 .news_ul li .right h3 {

	font-size: 36px;

	color: #999;

	font-weight: 100

}



.part_2 .news_ul li .right p {

	font-size: 16px;

	color: #bbb;

	padding-top: 10px

}



.part_2 .news_ul li>a {

	display: block;

	cursor: pointer;

	width: 100%;

	height: 100%

}



.part_2 .news_ul li a:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1)

}



.part_2 .news_ul li a:hover h3 {

	color: #3ba86f

}



.part_2 .news_ul li b {

	display: block;

	width: 100px;

	height: 30px;

	border: #ccc solid 1px;

	text-align: center;

	line-height: 30px;

	font-weight: 400;

	position: absolute;

	right: 12px;

	top: 161px

}



.htmleaf-container {

	float: left;

	width: 530px

}

.htmleaf-container img {

	width: 440px;

	height: 330px;

}



.relateNews {

	width: 100%;

	overflow: hidden

}



.n-tit h3 {

	line-height: 35px;

	font-size: 24px

}



.n-tit s {

	width: 4px;

	height: 22px;

	margin-right: 15px;

	background: #3ba86f;

	display: inline-block;

	vertical-align: middle

}



.n-tit .more {

	font-size: 16px;

	width: 120px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	margin-top: 10px;

	border: 1px solid #ddd;

	transition: all ease 600ms

}



.n-tit .more:hover {

	width: 150px;

	transition: all ease 600ms;

	color: #3ba86f

}



@-webkit-keyframes flyInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-20px)

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(0)

	}

}



@keyframes flyInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-20px);

		-moz-transform: translateY(-20px);

		-ms-transform: translateY(-20px);

		transform: translateY(-20px)

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0)

	}

}



.active .flyInRight {

	-webkit-animation-name: flyInRight;

	animation-name: flyInRight

}



@keyframes flyInRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(100px);

		-moz-transform: translateX(100px);

		-ms-transform: translateX(100px);

		transform: translateX(100px)

	}



	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		-ms-transform: translateX(0);

		transform: translateX(0)

	}

}



.active .flyInUp {

	-webkit-animation-name: flyInUp;

	animation-name: flyInUp

}



@keyframes flyInUp {

	0% {

		opacity: 0;

		-webkit-transform: translateY(50px);

		-moz-transform: translateY(50px);

		-ms-transform: translateY(50px);

		transform: translateY(50px)

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0)

	}

}



.active .flyInLeft {

	-webkit-animation-name: flyInLeft;

	animation-name: flyInLeft

}



@-webkit-keyframes flyInLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-200px)

	}



	100% {

		opacity: 1;

		-webkit-transform: translateX(0)

	}

}



@keyframes flyInLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-200px);

		-moz-transform: translateX(-200px);

		-ms-transform: translateX(-200px);

		transform: translateX(-200px)

	}



	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		-ms-transform: translateX(0);

		transform: translateX(0)

	}

}



.active .opacityI {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn

}



@-webkit-keyframes opacityI {

	0% {

		opacity: 0

	}



	50% {

		opacity: 1

	}

}



@keyframes opacityI {

	0% {

		opacity: 0

	}



	50% {

		opacity: 1

	}

}



.active .shake {

	-webkit-animation-name: shake;

	animation-name: shake;

	-webkit-animation-delay: 6s;

	animation-delay: 6s;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite

}



@keyframes shake {

	0% {

		transform: translateX(0)

	}



	10%,30%,50%,70%,90% {

		transform: translateY(-10px)

	}



	20%,40%,60%,80% {

		-transform: translateY(6px)

	}



	100% {

		transform: translateY(0)

	}

}



@-webkit-keyframes shake {

	0% {

		-webkit-transform: translateX(0)

	}



	10%,30%,50%,70%,90% {

		-webkit-transform: translateY(-10px)

	}



	20%,40%,60%,80% {

		-webkit-transform: translateY(6px)

	}



	100% {

		-webkit-transform: translateY(0)

	}

}



@-moz-keyframes shake {

	0% {

		-moz-transform: translateX(0)

	}



	10%,30%,50%,70%,90% {

		-moz-transform: translateY(-10px)

	}



	20%,40%,60%,80% {

		-moz-transform: translateY(6px)

	}



	100% {

		-moz-transform: translateY(0)

	}

}



@-o-keyframes shake {

	0% {

		-o-transform: translateX(0)

	}



	10%,30%,50%,70%,90% {

		-o-transform: translateY(-10px)

	}



	20%,40%,60%,80% {

		-o-transform: translateY(6px)

	}



	100% {

		-o-transform: translateY(0)

	}

}



@-ms-keyframes shake {

	0% {

		-ms-transform: translateX(0)

	}



	10%,30%,50%,70%,90% {

		-ms-transform: translateY(-10px)

	}



	20%,40%,60%,80% {

		-ms-transform: translateY(6px)

	}



	100% {

		-ms-transform: translateY(0)

	}

}



.active .zoomIn {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn

}



@-webkit-keyframes zoomIn {

	0% {

		opacity: 0;

		-webkit-transform: scale3d(.3,.3,.3);

		transform: scale3d(.3,.3,.3)

	}



	50% {

		opacity: 1

	}

}



@keyframes zoomIn {

	0% {

		opacity: 0;

		-webkit-transform: scale3d(.3,.3,.3);

		-ms-transform: scale3d(.3,.3,.3);

		transform: scale3d(.3,.3,.3)

	}



	50% {

		opacity: 1

	}

}



@-webkit-keyframes scaleIn {

	0% {

		opacity: 1;

		-webkit-transform: scale(1);

		transform: scale(1)

	}



	50% {

		opacity: 1;

		-webkit-transform: scale(1.02);

		transform: scale(1.02)

	}

}



@keyframes scaleIn {

	0% {

		opacity: 1;

		-webkit-transform: scale(1);

		-ms-transform: scale(1);

		transform: scale(1)

	}



	50% {

		opacity: 1;

		-webkit-transform: scale(1.02);

		-ms-transform: scale(1.02);

		transform: scale(1.02)

	}

}

.pro_menu{
	position: relative;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 50px;
}

.pro_menu h3{
	margin:10px 25px;
}


.pro_menu h3 a{
	display: block;
	color:#333;
	font-size: 16px;
	padding:5px 0;
	font-weight: bold;
	border-bottom: 2px solid #fff;
}

.pro_menu h3.hover a,.pro_menu h3:hover a{
	color:#2195a4;
	border-bottom: 2px solid #2195a4;
}

.sub-menu{
	position: absolute;
	bottom: -10px;
	left:0;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sub-menu li{
	margin:10px 10px;
}
.sub-menu li a{
	display: block;
	color:#555;
	font-size: 14px;
	padding:5px 10px;
	border-radius: 5px;
	background-color: #fff;
}

.sub-menu li.curr a,.sub-menu li:hover a{
	color:#fff;
	background-color: #2195a4;
}